<%@ page contentType="text/html" %>
<%@ page pageEncoding="UTF-8" %>
<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles" %>
<%@ taglib prefix="s" uri="/struts-tags" %> 
<%@ taglib prefix="sx" uri="/struts-dojo-tags" %>
<%@ page import="com.appsindy.reserv.ReservConstants" %>
<sx:head parseContent="true" />

<sx:div id="reserveInfoRoomDIV" loadingText="Loading..." showLoadingText="true" parseContent="true" separateScripts="true" executeScripts="true" refreshOnShow="true" cssClass="yui-skin-sam">

<s:form id="frmReserveInfoRoom" action="reserveInfoRoom_execute.action" method="POST" theme="simple">
<table align="center" width="900" cellspacing="0" cellpadding="0">
<tr>
	<td>
		<table width="100%" cellspacing="1">
		<tr>
			<td height="28px" style="padding-left: 5px">
				<s:label key="reserve.room.find.typeofroom" /> &nbsp;
				<s:select id="typeOfRoom" name="reserveInfoRoomVO.typeOfRoom" list="%{typeOfRoomList}" listKey="key" listValue="value"
						  headerKey="0" headerValue="All" onchange="validateTypeOfRoom()" cssStyle="border: 1px solid #AAAAAA" />
				&nbsp; &nbsp;
				<s:label key="reserve.room.find.zone" /> &nbsp;
				<%--<select id="zone" name="reserveInfoRoomVO.zone" onchange="validateZone();"></select>--%>					
				<s:select id="zone" name="reserveInfoRoomVO.zone" list="%{zoneList}" listKey="key" listValue="key"
						  headerKey="" headerValue="All" onchange="validateZone()" cssStyle="border: 1px solid #AAAAAA" />
				&nbsp; &nbsp;
				<s:label key="reserve.room.find.floor" /> &nbsp;
				<%--<select id="floor" name="reserveInfoRoomVO.floor" ></select>--%>				
				<s:select id="floor" name="reserveInfoRoomVO.floor" list="%{floorList}" listKey="key" listValue="key"
						  headerKey="" headerValue="All" cssStyle="border: 1px solid #AAAAAA" />
			</td>
		</tr>
		</table>
	</td>
</tr>
<%--tr>
	<td style="color: #333333; background-image: url('images/bar_hdr.gif');
			   border: 1px solid #BBBBBB; padding-left: 5px" height="28">
		Available of Type of Room on <s:property value="reserveInfoRoomVO.dateFrom" /> - <s:property value="reserveInfoRoomVO.dateTo" />
	</td>
</tr--%>
<tr>
	<td style="color: #333333; background-image: url('images/bar_hdr.gif');
			   border: 1px solid #BBBBBB; padding-left: 5px" height="28">
		Available of Type of Room on
		&nbsp; &nbsp;
		<font color="#111199"><s:label key="reserve.room.find.datefrom" /></font>&nbsp; <font color="red">*</font> &nbsp;
		<s:textfield id="dateFromInfoRoom" name="reserveInfoRoomVO.dateFrom" size="8" cssClass="iNL" onchange="validateDateFromInfoRoom(this)"/>
		<img style="cursor:hand" src="<s:url value='/images/calendar.gif' encode='false' includeParams='none'/>" onclick="document.getElementById('dateFromInfoRoom').focus();"/>
		&nbsp;
		<font color="#111199"><s:label key="reserve.room.find.dateto" /></font>&nbsp; <font color="red">*</font> &nbsp;
		<s:textfield id="dateToInfoRoom" name="reserveInfoRoomVO.dateTo" size="8" cssClass="iNL" onchange="validateDateToInfoRoom(this)"/>
		<img style="cursor:hand" src="<s:url value='/images/calendar.gif' encode='false' includeParams='none'/>" onclick="document.getElementById('dateToInfoRoom').focus();"/>
		&nbsp; &nbsp;
		<sx:submit showLoadingText="false" key="reserve.room.find.button.go" indicator="reserveInfoRoomIndicator" id="btnGo"
				   formId="frmReserveInfoRoom" executeScripts="true"  beforeNotifyTopics="/beforeSearchInfoRoom" 
				   targets="reserveInfoRoomDIV" href="reserveInfoRoom_search.action"
				   cssStyle="border: 1px solid #111111; width: 60px; height: 20"></sx:submit>
		<img id="reserveInfoRoomIndicator" src="${pageContext.request.contextPath}/images/indicator.gif" alt="Loading..." style="display:none"/>
	</td>
</tr>
<tr>
	<td style="border: 1px solid #BBBBBB" width="100%">
		<div style="height:200px; width:900px; overflow:scroll;">
		<table bgcolor="#EEEEEE" cellpadding="0" cellspacing="0">
		<s:iterator value="reserveInfoRoomVO.resultList" status="rows">
			<s:if test="#rows.index == 0">
				<tr class="tHead" style="background-image: url('images/gradtblhdr.gif')">
					<td width="80px" height="20px" align="center"><nobr><s:label key="reserve.room.list.roomno" /></nobr></td>
					<td width="120px" align="center"><nobr><s:label key="reserve.room.list.typeofroom" /></nobr></td>
					<td width="80px" align="center"><s:label key="reserve.room.list.zone" /></td>
					<td width="60px" align="center"><s:label key="reserve.room.list.floor" /></td>
					<s:iterator value="priceList">
						<td width="80px" align="center" style="font-size: 11px"><s:property value="dateGen"/></td>
					</s:iterator>
				</tr>
			</s:if>
			<tr class="tBody">
				<td align="center" bgcolor="#EEEEEE" height="25" style="border-bottom: 1px dashed #BBBBBB"><s:property value="roomCode" /></td>
				<td bgcolor="#EEEEEE" style="padding-left: 10px; border-bottom: 1px dashed #BBBBBB"><s:property value="typeOfRoom" /></td>
				<td align="center" bgcolor="#EEEEEE" style="border-bottom: 1px dashed #BBBBBB"><s:property value="roomZone" /></td>
				<td align="center" bgcolor="#EEEEEE" style="border-bottom: 1px dashed #BBBBBB"><s:property value="roomFloor" /></td>
				<s:iterator value="priceList">
					<s:if test="headerId == reserveInfoRoomVO.serviceHeaderId">
						<s:if test="roomStatus == 'RESERVED'">
							<td bgcolor="yellow" align="center" style="font-size: 11px; cursor:hand; border-bottom: 1px dashed #BBBBBB" onmouseover="this.bgColor='#CCFFFF';" onmouseout="this.bgColor='yellow';"
								ondblclick="gotoReserveDetailByRoom('<s:property value="typeOfRoomId"/>', '<s:property value="roomId"/>', '<s:property value="dateGen"/>')">
								(<s:property value="price"/>)
							</td>
						</s:if>
						<s:elseif test="roomStatus == 'BOOKED'">
							<td bgcolor="green" align="center" style="cursor:hand; border-bottom: 1px dashed #BBBBBB" onmouseover="this.bgColor='#CCFFFF';" onmouseout="this.bgColor='green';"
								ondblclick="gotoReserveDetailByRoom('<s:property value="typeOfRoomId"/>', '<s:property value="roomId"/>', '<s:property value="dateGen"/>')">
								(<s:property value="price"/>)
							</td>
						</s:elseif>
						<s:elseif test="roomStatus == 'CHECKIN'">
							<td bgcolor="red" align="center" style="cursor:hand; border-bottom: 1px dashed #BBBBBB" onmouseover="this.bgColor='#CCFFFF';" onmouseout="this.bgColor='red';"
								ondblclick="gotoReserveDetailByRoom('<s:property value="typeOfRoomId"/>', '<s:property value="roomId"/>', '<s:property value="dateGen"/>')">
								(<s:property value="price"/>)
							</td>
						</s:elseif>
						<s:elseif test="roomStatus == 'CHECKOUT'">
							<td bgcolor="gray" align="center" style="cursor:hand; border-bottom: 1px dashed #BBBBBB" onmouseover="this.bgColor='#CCFFFF';" onmouseout="this.bgColor='gray';"
								ondblclick="gotoReserveDetailByRoom('<s:property value="typeOfRoomId"/>', '<s:property value="roomId"/>', '<s:property value="dateGen"/>')">
								(<s:property value="price"/>)
							</td>
						</s:elseif>
						<s:else>
							<td align="center" style="cursor:hand; border-bottom: 1px dashed #BBBBBB" onmouseover="onMouseOverAvailable()" onmouseout="onMouseOutAvailable()"
								ondblclick="gotoReserveDetailByRoom('<s:property value="typeOfRoomId"/>', '<s:property value="roomId"/>', '<s:property value="dateGen"/>')">
								(<s:property value="price"/>)
							</td>
						</s:else>
					</s:if>
					<s:else>
						<s:if test="roomStatus == 'RESERVED'">
							<td bgcolor="#FFFF99" align="center" style="cursor:hand; border-bottom: 1px dashed #BBBBBB" onmouseover="this.bgColor='#CCFFFF';" onmouseout="this.bgColor='#FFFF99';"
								ondblclick="gotoReserveDetailByRoom('<s:property value="typeOfRoomId"/>', '<s:property value="roomId"/>', '<s:property value="dateGen"/>')">
								(<s:property value="price"/>)
							</td>
						</s:if>
						<s:elseif test="roomStatus == 'BOOKED'">
							<td bgcolor="#66FF99" align="center" style="font-size: 11px; cursor:hand; border-bottom: 1px dashed #BBBBBB" onmouseover="this.bgColor='#CCFFFF';" onmouseout="this.bgColor='#66FF99';"
								ondblclick="gotoReserveDetailByRoom('<s:property value="typeOfRoomId"/>', '<s:property value="roomId"/>', '<s:property value="dateGen"/>')">
								(<s:property value="price"/>)
							</td>
						</s:elseif>
						<s:elseif test="roomStatus == 'CHECKIN'">
							<td bgcolor="#FF6666" align="center" style="font-size: 11px; cursor:hand; border-bottom: 1px dashed #BBBBBB" onmouseover="this.bgColor='#CCFFFF';" onmouseout="this.bgColor='#FF6666';"
								ondblclick="gotoReserveDetailByRoom('<s:property value="typeOfRoomId"/>', '<s:property value="roomId"/>', '<s:property value="dateGen"/>')">
								(<s:property value="price"/>)
							</td>
						</s:elseif>
						<s:elseif test="roomStatus == 'CHECKOUT'">
							<td bgcolor="#C0C0C0" align="center" style="font-size: 11px; cursor:hand; border-bottom: 1px dashed #BBBBBB" onmouseover="this.bgColor='#CCFFFF';" onmouseout="this.bgColor='#C0C0C0';"
								ondblclick="gotoReserveDetailByRoom('<s:property value="typeOfRoomId"/>', '<s:property value="roomId"/>', '<s:property value="dateGen"/>')">
								(<s:property value="price"/>)
							</td>
						</s:elseif>
						<s:else>
							<td align="center" style="font-size: 11px; cursor:hand; border-bottom: 1px dashed #BBBBBB" onmouseover="onMouseOverAvailable()" onmouseout="onMouseOutAvailable()"
								ondblclick="gotoReserveDetailByRoom('<s:property value="typeOfRoomId"/>', '<s:property value="roomId"/>', '<s:property value="dateGen"/>')">
								(<s:property value="price"/>)
							</td>
						</s:else>
					</s:else>
					<%--
					<s:if test="roomStatus == 'RESERVED'">
						<td bgcolor="yellow" align="center" style="cursor:hand;" onmouseover="this.bgColor='#CCFFFF';" onmouseout="this.bgColor='yellow';"
							ondblclick="gotoReserveDetailByRoom('<s:property value="typeOfRoomId"/>', '<s:property value="roomId"/>', '<s:property value="dateGen"/>')">
							(<s:property value="price"/>)
						</td>
					</s:if>
					<s:elseif test="roomStatus == 'BOOKED'">
						<td bgcolor="green" align="center" style="cursor:hand;" onmouseover="this.bgColor='#CCFFFF';" onmouseout="this.bgColor='green';"
							ondblclick="gotoReserveDetailByRoom('<s:property value="typeOfRoomId"/>', '<s:property value="roomId"/>', '<s:property value="dateGen"/>')">
							(<s:property value="price"/>)
						</td>
					</s:elseif>
					<s:elseif test="roomStatus == 'CHECKIN'">
						<td bgcolor="red" align="center" style="cursor:hand;" onmouseover="this.bgColor='#CCFFFF';" onmouseout="this.bgColor='red';"
							ondblclick="gotoReserveDetailByRoom('<s:property value="typeOfRoomId"/>', '<s:property value="roomId"/>', '<s:property value="dateGen"/>')">
							(<s:property value="price"/>)
						</td>
					</s:elseif>
					<s:elseif test="roomStatus == 'CHECKOUT'">
						<td bgcolor="gray" align="center" style="cursor:hand;" onmouseover="this.bgColor='#CCFFFF';" onmouseout="this.bgColor='gray';"
							ondblclick="gotoReserveDetailByRoom('<s:property value="typeOfRoomId"/>', '<s:property value="roomId"/>', '<s:property value="dateGen"/>')">
							(<s:property value="price"/>)
						</td>
					</s:elseif>
					<s:else>
						<td align="center" style="cursor:hand;" onmouseover="onMouseOverAvailable()" onmouseout="onMouseOutAvailable()"
							ondblclick="gotoReserveDetailByRoom('<s:property value="typeOfRoomId"/>', '<s:property value="roomId"/>', '<s:property value="dateGen"/>')">
							(<s:property value="price"/>)
						</td>
					</s:else>
					--%>
				</s:iterator>
			</tr>
		</s:iterator>
		</table>
		</div>
	</td>
</tr>
<tr>
	<td id="tdStatus" bgcolor="#EEEEEE" height="19px"
		style="font-size=10px; border-left: 1px solid #BBBBBB; border-right: 1px solid #BBBBBB; border-bottom: 1px solid #BBBBBB">
			&nbsp;
	</td>
</tr>
</table>
<br>

<table align="center" width="950" style="margin-top: 9px; background-image: url('images/top_page_bg.jpg')" cellpadding="0" cellspacing="0">
<tr>
	<td style="color: #333333; background-image: url('images/bar_hdr.gif');
			   border: 1px solid #BBBBBB; padding-left: 5px" height="28">
		Reservation Information
	</td>
</tr>
<tr>
	<td width="100%" style="padding-top: 7px; padding-bottom: 5px; padding-right: 5px" align="center">
		<table cellpadding="2" width="100%" align="center">
		<tr>
			<td width="800" style="padding-right: 10px">
				<table width="95%">
				<tr>
					<td class="tdInfo"><s:label key="reserve.room.info.reservation" /> <s:property value="reserveInfoRoomVO.serviceHeaderNumber"/></td>
					<td colspan="3" align="right">
						<s:if test="reserveInfoRoomVO.serviceStatus == 'RESERVED'">
							<img alt="" src="${pageContext.request.contextPath}/images/status_R.png">
						</s:if>
						<s:elseif test="reserveInfoRoomVO.serviceStatus == 'BOOKED'">
							<img alt="" src="${pageContext.request.contextPath}/images/status_B.png">
						</s:elseif>
						<s:elseif test="reserveInfoRoomVO.serviceStatus == 'CHECKIN'">
							<img alt="" src="${pageContext.request.contextPath}/images/status_C.png">
						</s:elseif>
						<s:elseif test="reserveInfoRoomVO.serviceStatus == 'CHECKOUT'">
							<img alt="" src="${pageContext.request.contextPath}/images/status_O.png">
						</s:elseif>								
					</td>
				</tr>
				<tr>
					<td class="tdInfo" width="150"><s:label key="reserve.room.info.group" /></td>
					<td align="left" width="360">
						<s:hidden id="groupId" name="reserveInfoRoomVO.groupInfoVO.groupId" />
						<s:textfield id="groupName" name="reserveInfoRoomVO.groupInfoVO.groupName" size="18" readonly="true" cssClass="iDL"/>
						<s:textfield id="groupName" name="reserveInfoRoomVO.groupInfoVO.groupCode" size="8" readonly="true" cssClass="iDL"/>
					</td>
					<td class="tdInfo" width="150"><s:label key="reserve.room.info.type" /></td>
					<td align="left" width="180"><s:textfield id="typeName" name="reserveInfoRoomVO.groupInfoVO.groupTypeName" size="18" readonly="true" cssClass="iDL"/></td>
				</tr>
				<tr>
					<td class="tdInfo"><s:label key="reserve.room.info.address" /></td>
					<td colspan="3" align="left"><s:textfield id="address" name="reserveInfoRoomVO.groupInfoVO.fullAddress" size="80" readonly="true" cssClass="iDL"/></td>
				</tr>
				<tr>
					<td class="tdInfo"><s:label key="reserve.room.info.telephone" /></td>
					<td align="left"><s:textfield id="telephone" name="reserveInfoRoomVO.groupInfoVO.phoneNum" size="15" readonly="true" cssClass="iDL"/></td>
					<td class="tdInfo"><s:label key="reserve.room.info.mobile" /></td>
					<td align="left"><s:textfield id="mobile" name="reserveInfoRoomVO.groupInfoVO.mobileNum" size="15" readonly="true" cssClass="iDL"/></td>
				</tr>
				<tr>
					<td class="tdInfo"><s:label key="reserve.room.info.fax" /></td>
					<td align="left"><s:textfield id="fax" name="reserveInfoRoomVO.groupInfoVO.faxNum" size="15" readonly="true" cssClass="iDL"/></td>
					<td class="tdInfo"><s:label key="reserve.room.info.email" /></td>
					<td align="left"><s:textfield id="email" name="reserveInfoRoomVO.groupInfoVO.email" size="25" readonly="true" cssClass="iDL"/></td>
				</tr>
				</table>
			</td>
			<td rowspan="3" bgcolor="#FFFFFF" valign="top" width="150px" style="padding-left: 10px">
				<s:url id="customerTreeURL" value="customerTree.action" />
				<sx:div id="customerTreeDIV" autoStart="false" parseContent="true" executeScripts="true"
				        separateScripts="true" showLoadingText="true"
				        href="%{customerTreeURL}" refreshOnShow="true" cssStyle="height:200px;width:150px;overflow:scroll;"></sx:div>
			</td>
		</tr>
		<tr>
			<td height="35" valign="bottom" style="padding-left: 8px">
				<table width="99%" align="center" cellspacing="1">
				<tr>
					<td colspan="5" align="left" class="tdInfo">
						<s:label key="reserve.room.info.list.find.customer" /> : 
						<s:select id="customerId" name="reserveInfoRoomVO.customerId" list="%{customerList}" listKey="key" listValue="value" 
								  headerKey="0" headerValue="All" cssStyle="height: 20px" />
						&nbsp;
						<sx:submit showLoadingText="false" key="reserve.room.info.list.find.go" indicator="reserveInfoRoomIndicator2" id="btnCustomerGo"
						  		   formId="frmReserveInfoRoom" executeScripts="true" beforeNotifyTopics="/beforeSearchCustomer" targets="reserveInfoRoomDIV"
						  		   href="reserveInfoRoom_searchByCustomer.action" cssClass="btn" cssStyle="width: 39px"></sx:submit>
						<img id="reserveInfoRoomIndicator2" src="${pageContext.request.contextPath}/images/indicator.gif" alt="Loading..." style="display:none"/>
					</td>
					<td align="right" colspan="5"><nobr>
						<%--a href="#" onclick="javascript:gotoReserveDetailByAdd();">
							<img src="${pageContext.request.contextPath}/images/hidelist.jpg" /> <s:label key="reserve.room.info.link.add" />
						</a--%>
						<input type="button" value=" Add " style="border: 1px solid #000000" onclick="gotoReserveDetailByAdd()">
					</nobr></td>
				</tr>
				</table>
			</td>
		</tr>
		<tr>
			<td style="padding-bottom: 5px;">
				<table bgcolor="#000000" width="99%" align="center" cellspacing="1">
				<tr class="tHead" height="22px" style="background-image: url('images/gradtblhdr.gif')">
					<td><s:label key="reserve.room.info.link.del" /></td>
					<td><input type="checkbox" id="checkboxAll" name="checkboxAll" onclick="checkboxRoomAll(this);"/></td>
					<td width="19" align="center">&nbsp;</td>
					<%--<td><s:label key="reserve.room.info.list.no" /></td> --%>
					<td><s:label key="reserve.room.info.list.roomno" /></td>
					<td><s:label key="reserve.room.info.list.datefrom" /> <font color="red">*</font></td>
					<td><s:label key="reserve.room.info.list.dateto" /> <font color="red">*</font></td>
					<td><s:label key="reserve.room.info.list.typeofroom" /></td>
					<td><s:label key="reserve.room.info.list.day" /></td>
					<td><s:label key="reserve.room.info.list.rateroom" /> <font color="red">*</font></td>
					<td><s:label key="reserve.room.info.list.totalamount" /></td>
					<td><s:label key="reserve.room.info.list.extraamount" /></td>
					<td><s:label key="reserve.room.info.list.breakfast" /></td>
				</tr>
				<tbody id="reserveTable">		
				<s:iterator value="reserveInfoRoomVO.detailList" status="rows">
				<tr bgcolor="#FFFFFF">	
					<td align="center"><a onclick="delRowRoomReserve('<s:property value="serviceDetailId" />')"><img src="./images/calendar/close.gif" /></a></td>
					<td align="center">
						<input type="checkbox" name="colServiceDetailId" value="<s:property value="serviceDetailId" />" onclick="checkboxRoomDetail();"/>
					</td>
					<td align="center">
						<s:if test="serviceStatus == 'RESERVED'">
							<img alt="" src="${pageContext.request.contextPath}/images/status_R.png">
						</s:if>
						<s:elseif test="serviceStatus == 'BOOKED'">
							<img alt="" src="${pageContext.request.contextPath}/images/status_B.png">
						</s:elseif>
						<s:elseif test="serviceStatus == 'CHECKIN'">
							<img alt="" src="${pageContext.request.contextPath}/images/status_C.png">
						</s:elseif>
						<s:elseif test="serviceStatus == 'CHECKOUT'">
							<img alt="" src="${pageContext.request.contextPath}/images/status_O.png">
						</s:elseif>		
					</td>
					<%--<td align="center"><s:property value="#rows.index+1" /></td>--%>
					<%--<td align="center"><s:property value="serviceDetailLine" /></td>--%>
					<td align="center">
						<a href="#" onclick="javascript:gotoReserveDetailById(<s:property value="serviceDetailId" />);"><s:property value="roomNo" /></a>
					</td>
					<td align="center"><s:property value="serviceStartDate" /></td>
					<td align="center"><s:property value="serviceEndDate" /></td>
					<td align="center"><s:property value="typeOfRoom" /></td>
					<td align="right"><s:property value="day" /></td>
					<td align="right"><s:property value="ratePerRoom" /></td>
					<td align="right"><s:property value="totalAmount" /></td>
					<td align="right"><s:property value="extraAmount" /></td>
					<td align="center">
						<s:if test="breakfast == 1">
							<input type="checkbox" checked="checked" disabled="disabled"/>
						</s:if>
						<s:else>
							<input type="checkbox" disabled="disabled"/>
						</s:else>
						<input type="hidden" name="colServiceStatus" value="<s:property value="serviceStatus" />">
						<input type="hidden" name="colServiceStartDate" value="<s:property value="serviceStartDate" />">
						<input type="hidden" name="colServiceEndDate" value="<s:property value="serviceEndDate" />">
						<input type="hidden" name="colRoomId" value="<s:property value="roomId" />">
					</td>
				</tr>
				</s:iterator>
				</tbody>
				<tr bgcolor="#FFFFFF">
					<td align="right" colspan="7" height="23"><s:label key="reserve.room.info.list.grandtotal" /> &nbsp; </td>
					<td align="right" colspan="2"><span id="grandTotalAmount"><s:property value="reserveInfoRoomVO.grandTotalAmount" /></span></td>
					<td align="center"><s:label key="reserve.room.info.list.grandtotalequal" /></td>
					<td align="right"><span id="sumTotalAmount"><s:property value="reserveInfoRoomVO.sumTotalAmount" /></span></td>
					<td align="right"><span id="sumExtraAmount"><s:property value="reserveInfoRoomVO.sumExtraAmount" /></span></td>
					<td align="center">&nbsp;</td>
				</tr>
				</table>				
			</td>				
		</tr>
		<tr style="display:none;">
		    <td id="templateRoom">
		        <s:select name="colRoomId" list="%{roomList}" listKey="key" listValue="value" onchange="setDetailIndex(this);validateColRoom()"/>
		    </td>
		</tr>
		</table>
	</td>
</tr>
</table>
<br><br><br><br><br>

<div style="height:28px; width:100%; background:#999999; border-top: 1px solid #FFFFFF; position:fixed; bottom:0; opacity:0.9; filter:alpha(opacity=90);">
	<table width="100%" cellpadding="0" cellspacing="0">
	<tr>
		<td width="35%" style="padding-top: 3px; padding-left: 5px;" align="left">
			<s:hidden name="reserveInfoRoomVO.serviceHeaderId" id="serviceHeaderId" />
			<s:hidden name="reserveInfoRoomVO.serviceStatus" id="serviceStatus" />
			<s:hidden name="reserveInfoRoomVO.seqId" />
			<s:hidden name="serviceDetailId" id="serviceDetailId"/>
			<input type="hidden" id="errorFlag" />
			<input type="hidden" name="authorizeChangbackStatus" id="authorizeChangbackStatus" value="<%=ReservConstants.AuthorizeChangbackStatus%>"/>
			<s:label key="reserve.room.confirm.back" id="msgRoomConfirmBack" cssStyle="display:none;"/>
			<s:label key="reserve.confirm.canceljob" id="msgRoomConfirmCancelJob" cssStyle="display:none;"/>
			
			<input type="button" value="&lt; &lt; <s:text name="reserve.room.info.button.back" />" onclick="btnInfoRoomBackOnClick(this)"
				   style="width: 160px; border: 1px solid #222222" />
			<%--sx:submit showLoadingText="false" key="reserve.room.info.button.back" indicator="reserveInfoIndicator" id="btnBack" beforeNotifyTopics="/beforeRoomBack"
				   		  formId="frmReserveInfoRoom" executeScripts="true" targets="reserveInfoRoomDIV" href="reserveInfoRoom_back"></sx:submit--%>
		</td>
		<td width="65%" style="padding-top: 3px; padding-right: 20px;" align="left">
			<sx:submit showLoadingText="false" indicator="reserveInfoIndicator" id="btnRefreshReserveInfoRoom"
                       formId="frmReserveInfoRoom" executeScripts="true" targets="reserveInfoRoomDIV" href="reserveInfoRoom_execute"
                       cssStyle="display:none;"></sx:submit>
            <sx:submit showLoadingText="false" indicator="reserveInfoIndicator" id="btnDeleteDetailReserveInfoRoom"
               		   formId="frmReserveInfoRoom" executeScripts="true" targets="reserveInfoRoomDIV" href="reserveInfoRoom_deleteDetail"
               		   cssStyle="display:none;"></sx:submit>
			
			<input type="button" value="<s:text name="reserve.room.info.button.cancel" />" onclick="btnInfoRoomCancelOnClick(this)"
				   class="btn" style="background-color: #DDDDDD; width: 88px; margin-right: 18px">
			<input type="button" value="<s:text name="reserve.room.info.button.payment" />" onclick="gotoReservePayment()"
				   class="btn" style="background-color: #0000FF; color: #FFFFFF; width: 88px; margin-right: 18px">
			
			<sx:submit showLoadingText="false" key="reserve.room.info.button.reserve" indicator="reserveInfoIndicator" id="btnReserve"
			   		   formId="frmReserveInfoRoom" executeScripts="true" targets="reserveInfoRoomDIV" href="reserveInfoRoom_reserve"
			   		   beforeNotifyTopics="/beforeInfoRoomAction"
					   cssClass="btn" cssStyle="background-color: #FFFF00; width: 88px; margin-right: 18px"></sx:submit>
			<sx:submit showLoadingText="false" key="reserve.room.info.button.book" indicator="reserveInfoIndicator" id="btnBook"
			   		   formId="frmReserveInfoRoom" executeScripts="true" targets="reserveInfoRoomDIV" href="reserveInfoRoom_book"
			   		   beforeNotifyTopics="/beforeInfoRoomAction"
					   cssClass="btn" cssStyle="background-color: #99FF33; width: 88px; margin-right: 18px"></sx:submit>
			<sx:submit showLoadingText="false" key="reserve.room.info.button.checkin" indicator="reserveInfoIndicator" id="btnCheckin"
			   		   formId="frmReserveInfoRoom" executeScripts="true" targets="reserveInfoRoomDIV" href="reserveInfoRoom_checkin"
			   		   beforeNotifyTopics="/beforeInfoRoomAction"
					   cssClass="btn" cssStyle="background-color: #FF0000; color: #FFFFFF; width: 88px; margin-right: 18px"></sx:submit>
			<sx:submit showLoadingText="false" key="reserve.room.info.button.checkout" indicator="reserveInfoIndicator" id="btnCheckout"
			   		   formId="frmReserveInfoRoom" executeScripts="true" targets="reserveInfoRoomDIV" href="reserveInfoRoom_checkout"
			   		   beforeNotifyTopics="/beforeInfoRoomAction"
					   cssClass="btn" cssStyle="background-color: #DDDDDD; width: 88px; margin-right: 18px"></sx:submit>
					   
			<img id="reserveInfoIndicator" src="${pageContext.request.contextPath}/images/indicator.gif" alt="Loading ..." style="display:none"/>
		</td>
	</tr>
	</table>
</div>

</s:form>
<%
    session.setAttribute("S_DATE_FIELDS", "'dateFromInfoRoom','dateToInfoRoom'");
%>
<s:url id="hiddenCalendarURL" value="hiddenCalendar.action?" />
<sx:div id="hiddenCalendarDIV" autoStart="false" parseContent="true" executeScripts="true"
        separateScripts="true" showLoadingText="true"
        href="%{hiddenCalendarURL}" refreshOnShow="true"></sx:div>
                
</sx:div>
